import React, { Component, createRef } from 'react';

// export default class App extends Component {
//   componentDidMount() {
//     console.log(this.rootNode);
//     this.rootNode.focus()
//   }
//   render() {
//     return (
//       <>
//         <input ref={node => this.rootNode = node} type="text"/>
//       </>
//     )
//   }
// }

// 等效于

export default class App extends Component {
    state = {
        rootNode: createRef()
    }
    componentDidMount () {
        console.log(this.state.rootNode.current);
        this.state.rootNode.current.focus();
    }
    render () {
        return (
            <>
                <input ref={this.state.rootNode} type="text" />
            </>
        );
    }
}
